认识组件化 如果我们将一个页面中所有的处理逻辑全部放在一起，处理起来就会变得非常复杂，而且不利于后续的管理以及扩展。 但如果，我们讲一个页面拆分成一个个小的功能块，每个功能块完成属于自己这部分独立的功能，那么之后整个页面的管理和维护就变得非 ...

文章首发个人博客 声明：本文为译文，原文链接：https://www.robinwieruch.de/react-libraries React 已经诞生很久了，自从它诞生开始，围绕组件驱动形成了一个非常全面的生态，但是来自其他编程语言或 ...

表单数据处理是一个项目中的必不可少的内容，编写表单组件是完成复杂项目基础。本文深入整理了Vue制作表单组件的各个方面，为后续制作复杂表单组件打好基础。 处理简单数据类型 基本方法 Vue中用prop从父组件向子组件传递数据。 下面是一个简 ...

关于专题【vue开发音乐App】 轮播图属于基础组件，所以归纳到src/base/slide里面，新建slide.vue 一、html部分 ...

关于专题【vue开发音乐App】 开发页面时，如果想让某个区域支持滚动（或者需要监听滚动事件），一般会使用better-scroll——一款重点解决移动端（已支持 PC）各种滚动场景需求的插件，作者依然是黄轶老师，具体使用方法和例子可查看官 ...

关于专题【vue开发音乐App】 页面成功加载数据之前给用户展示一个loading动画（提示正在加载）可以增强用户体验，下面将该功能封装成自定义组件，便于日后开发调用。loading属于基础组件，所以归纳在src/base/loading下 ...

关于专题【vue开发音乐App】 何为listview？简单来说就是类似于我们手机自带的通讯录列表、音乐APP的歌手列表、外卖APP的分类菜单……，本文介绍的listview组件具备以下特性： 列表数据按照一定的分组依据（如热门、A、B、C ...

关于专题【vue开发音乐App】 本篇介绍底部快捷控件的环形进度条的实现方法：通过svg绘制两个环，线条模糊的环作为背景、线条明亮的环根据传入的百分比绘制相应长度（即进度）。该组件同样属于基础组件，在src/base/progress-ci ...

内容：props、状态机、事件、 组件通信、模拟表单双向绑定 一、组件的props 1.类组件 定义： import React from 'react' class Home extends React.Component{ ...

内容：生命周期、路由 一、生命周期 1.页面渲染期 constructor 构造函数 UNSAFE_componentWillMount 组件将要挂载 re ...